// 获取元素的引用
var browserDiv = document.querySelector('.browser');
var browserImg = document.querySelector('.browser div');
var browserListDiv = document.querySelector('.browserList');
var browserListLi = document.querySelectorAll('.browserListli');
var newye = document.querySelectorAll(".tubiao a")
newye=[...newye];
for(var i in newye)
newye[i].setAttribute("target","_blank")

// 点击 browserDiv 时显示或隐藏 browserListDiv
browserImg.onclick = function(event) {
	browserListDiv.style.display = 'none';
	var target1 = event.target;
	if (target1 === browserImg || target1 === browserDiv) {
		if (browserListDiv.style.display === 'none') {
			browserListDiv.style.display = 'block';
		} else {
			browserListDiv.style.display = 'none';
		}
	}
}

// 点击文档其他位置时隐藏 browserListDiv
document.onclick = function(event) {
	var target = event.target;
	if (target !== browserDiv && target !== browserListDiv && target !== browserImg) {
		browserListDiv.style.display = 'none';
	}
};



// 获取输入框元素
var input = document.querySelector('input');

// 遍历browserListLi并为每个li添加点击事件监听器
for (var i = 0; i < browserListLi.length; i++) {
	var searchUrl = 'https://www.bing.com/search?q='
	browserListLi[i].onclick = function() {
		// 获取点击的li中的图片的src和span的内容
		var imgSrc = this.querySelector('img').src;
		var spanContent = this.querySelector('span').textContent;
		// 将图片和文本内容设置为browser中div的背景图片和文本内容
		browserImg.style.backgroundImage = 'url(' + imgSrc + ')';
		// browserImg.textContent = spanContent;
		// 根据不同的搜索引擎更改最后的搜索链接
		if (spanContent === '必应搜索（默认）') {
			searchUrl = 'https://www.bing.com/search?q=';
		} else if (spanContent === '百度搜索') {
			searchUrl = 'https://www.baidu.com/s?wd=';
		} else if (spanContent === '360搜索') {
			searchUrl = 'https://www.so.com/s?q=';
		} else if (spanContent === '谷歌搜索') {
			searchUrl = 'https://www.google.com/search?q=';
		} else if (spanContent === '搜狗搜索') {
			searchUrl = 'https://www.sogou.com/web?query=';
		}
	};
	input.onkeydown = function(event) {
		if (event.keyCode == 13) {
			var content = input.value;
			window.open(searchUrl + encodeURIComponent(content));
		}
	};
}


//数据
var names = ['北区川锦汇麻辣拌', '北区削筋面', '北区民族餐厅', '北区淮南牛肉汤', '连大小吃', '北区烤盘饭',
		'饭米粒北区烤鸭饭','南区0090炸鸡汉堡','北区饭米粒山西面食','北区饭米粒小吃','北区嘿嘿茶轻食','饭米粒麦香水饺，混沌',
		'简.西餐咖啡','南区计量自助餐','思源美食','南区秘制红烧肉','清悠四季罐面','御品仙','南区酷客鸡排饭','连大饭霸水果捞'];
var intavlflag; //标记
var isBegin = false; //是否正在滚动 默认未开始状态
var lucker; //记录当前幸运儿
var luckers = []; //存储所有幸运儿
$('show-box').innerHTML = "点击开始";
document.querySelector('.click').onclick = function() {
	extract();
}

//抽取准备
function extract() {
	
	if (isBegin) { //停止
		clearInterval(intavlflag);
		isBegin = false; //标记滚动状态为停止
	} else {
		intavlflag = setInterval(begin, 50); //启动抽取每隔0.05秒刷新界面内容
		$('show-box').className = ''; //去除样式（停止动画）
		isBegin = true; //将标志位设置为已启动
	}
}

function begin() {
	var index = Math.floor(Math.random() * names.length);
	lucker = names[index];
	$('show-box').innerHTML = lucker;
}

function $(id) {
	return document.getElementById(id);
}



function change_bg_1(){
	 document.getElementById('bg').className="bg_x";
}
 
function change_bg_2(){
	document.getElementById('bg').className="bg_y";
}


